var city = '沧州';
        function loadXMLDoc(){
	        var xmlhttp;
	        if (window.XMLHttpRequest){
		        //  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
		        xmlhttp=new XMLHttpRequest();
	        }else{
		        // IE6, IE5 浏览器执行代码
		        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	        }
	        xmlhttp.onreadystatechange=function(){
		        if (xmlhttp.readyState==4 && xmlhttp.status==200){
			        var json = JSON.parse(xmlhttp.responseText);
                    console.log(json);
                    //第一天
                    document.querySelector("#date").innerHTML = json.daily_forecast[0].date
                    document.querySelector("#now").innerHTML = json.daily_forecast[0].cond.txt_d
                    document.querySelector("#wea-max").innerHTML = json.daily_forecast[0].tmp.max
                    document.querySelector("#wea-min").innerHTML = json.daily_forecast[0].tmp.min
                    document.querySelector("#wind").innerHTML = json.daily_forecast[0].wind.dir
                    document.querySelector("#ji").innerHTML = json.daily_forecast[0].wind.sc
                    //第二天
                    document.querySelector("#date1").innerHTML = json.daily_forecast[1].date
                    document.querySelector("#now1").innerHTML = json.daily_forecast[1].cond.txt_d
                    document.querySelector("#wea-max1").innerHTML = json.daily_forecast[1].tmp.max
                    document.querySelector("#wea-min1").innerHTML = json.daily_forecast[1].tmp.min
                    document.querySelector("#wind1").innerHTML = json.daily_forecast[1].wind.dir
                    document.querySelector("#ji1").innerHTML = json.daily_forecast[1].wind.sc
                    //第三天
                    document.querySelector("#date2").innerHTML = json.daily_forecast[2].date
                    document.querySelector("#now2").innerHTML = json.daily_forecast[2].cond.txt_d
                    document.querySelector("#wea-max2").innerHTML = json.daily_forecast[2].tmp.max
                    document.querySelector("#wea-min2").innerHTML = json.daily_forecast[2].tmp.min
                    document.querySelector("#wind2").innerHTML = json.daily_forecast[2].wind.dir
                    document.querySelector("#ji2").innerHTML = json.daily_forecast[2].wind.sc
                    //第四天
                    document.querySelector("#date3").innerHTML = json.daily_forecast[3].date
                    document.querySelector("#now3").innerHTML = json.daily_forecast[3].cond.txt_d
                    document.querySelector("#wea-max3").innerHTML = json.daily_forecast[3].tmp.max
                    document.querySelector("#wea-min3").innerHTML = json.daily_forecast[3].tmp.min
                    document.querySelector("#wind3").innerHTML = json.daily_forecast[3].wind.dir
                    document.querySelector("#ji3").innerHTML = json.daily_forecast[3].wind.sc
                    //第五天
                    document.querySelector("#date4").innerHTML = json.daily_forecast[4].date
                    document.querySelector("#now4").innerHTML = json.daily_forecast[4].cond.txt_d
                    document.querySelector("#wea-max4").innerHTML = json.daily_forecast[4].tmp.max
                    document.querySelector("#wea-min4").innerHTML = json.daily_forecast[4].tmp.min
                    document.querySelector("#wind4").innerHTML = json.daily_forecast[4].wind.dir
                    document.querySelector("#ji4").innerHTML = json.daily_forecast[4].wind.sc
                    //第六天
                    document.querySelector("#date5").innerHTML = json.daily_forecast[5].date
                    document.querySelector("#now5").innerHTML = json.daily_forecast[5].cond.txt_d
                    document.querySelector("#wea-max5").innerHTML = json.daily_forecast[5].tmp.max
                    document.querySelector("#wea-min5").innerHTML = json.daily_forecast[5].tmp.min
                    document.querySelector("#wind5").innerHTML = json.daily_forecast[5].wind.dir
                    document.querySelector("#ji5").innerHTML = json.daily_forecast[5].wind.sc
                    //第七天
                    document.querySelector("#date6").innerHTML = json.daily_forecast[6].date
                    document.querySelector("#now6").innerHTML = json.daily_forecast[6].cond.txt_d
                    document.querySelector("#wea-max6").innerHTML = json.daily_forecast[6].tmp.max
                    document.querySelector("#wea-min6").innerHTML = json.daily_forecast[6].tmp.min
                    document.querySelector("#wind6").innerHTML = json.daily_forecast[6].wind.dir
                    document.querySelector("#ji6").innerHTML = json.daily_forecast[6].wind.sc
                    // 第一个
                    document.querySelector("#time").innerHTML = json.hourly_forecast[0].date
                    document.querySelector("#tmp").innerHTML = json.hourly_forecast[0].tmp
                    document.querySelector("#windd").innerHTML = json.hourly_forecast[0].wind.dir
                    document.querySelector("#dji").innerHTML = json.hourly_forecast[0].wind.sc
                    // 第二个
                    document.querySelector("#time1").innerHTML = json.hourly_forecast[1].date
                    document.querySelector("#tmp1").innerHTML = json.hourly_forecast[1].tmp
                    document.querySelector("#windd1").innerHTML = json.hourly_forecast[1].wind.dir
                    document.querySelector("#dji1").innerHTML = json.hourly_forecast[1].wind.sc
                    // 第三个
                    document.querySelector("#time2").innerHTML = json.hourly_forecast[2].date
                    document.querySelector("#tmp2").innerHTML = json.hourly_forecast[2].tmp
                    document.querySelector("#windd2").innerHTML = json.hourly_forecast[2].wind.dir
                    document.querySelector("#dji2").innerHTML = json.hourly_forecast[2].wind.sc
                    // 第四个
                    document.querySelector("#time3").innerHTML = json.hourly_forecast[3].date
                    document.querySelector("#tmp3").innerHTML = json.hourly_forecast[3].tmp
                    document.querySelector("#windd3").innerHTML = json.hourly_forecast[3].wind.dir
                    document.querySelector("#dji3").innerHTML = json.hourly_forecast[3].wind.sc
                    // 第五个
                    document.querySelector("#time4").innerHTML = json.hourly_forecast[4].date
                    document.querySelector("#tmp4").innerHTML = json.hourly_forecast[4].tmp
                    document.querySelector("#windd4").innerHTML = json.hourly_forecast[4].wind.dir
                    document.querySelector("#dji4").innerHTML = json.hourly_forecast[4].wind.sc
                    // 第六个
                    document.querySelector("#time5").innerHTML = json.hourly_forecast[5].date
                    document.querySelector("#tmp5").innerHTML = json.hourly_forecast[5].tmp
                    document.querySelector("#windd5").innerHTML = json.hourly_forecast[5].wind.dir
                    document.querySelector("#dji5").innerHTML = json.hourly_forecast[5].wind.sc
                    // 第七个
                    document.querySelector("#time6").innerHTML = json.hourly_forecast[6].date
                    document.querySelector("#tmp6").innerHTML = json.hourly_forecast[6].tmp
                    document.querySelector("#windd6").innerHTML = json.hourly_forecast[6].wind.dir
                    document.querySelector("#dji6").innerHTML = json.hourly_forecast[6].wind.sc
                    // 生活指数
                    document.querySelector("#uv").innerHTML = json.suggestion.uv.brf
                    document.querySelector("#uv1").innerHTML = json.suggestion.uv.txt
                    document.querySelector("#trav").innerHTML = json.suggestion.trav.brf
                    document.querySelector("#trav1").innerHTML = json.suggestion.trav.txt
                    document.querySelector("#sport").innerHTML = json.suggestion.sport.brf
                    document.querySelector("#sport1").innerHTML = json.suggestion.sport.txt
                    document.querySelector("#drsg").innerHTML = json.suggestion.drsg.brf
                    document.querySelector("#drsg1").innerHTML = json.suggestion.drsg.txt
                    document.querySelector("#flu").innerHTML = json.suggestion.flu.brf
                    document.querySelector("#flu1").innerHTML = json.suggestion.flu.txt
                    document.querySelector("#cw").innerHTML = json.suggestion.cw.brf
                    document.querySelector("#cw1").innerHTML = json.suggestion.cw.txt
		        }
	        }
	        xmlhttp.open("GET","https://bird.ioliu.cn/weather?city="+ city,true);
	        xmlhttp.send();
        }
        loadXMLDoc();

        document.querySelector("#ipt").addEventListener('change',function(){
            console.log(this.value);
            // 赋值城市名
            city = this.value;
            // 执行获取天气的函数
            loadXMLDoc();
        })
        
        